草庐IT

ionic 导航

全部标签

javascript - ionic 2 : Refresh tabs view after adding a new dynamic tab

我正在使用ionic标签。一些选项卡是从数据库生成的(没有图标的)现在,当我添加一个新选项卡并刷新数组时,我应该会得到3个动态选项卡。相反,我有5个(前2个和前2个带有最新创建的选项卡)尽管数组正确地有3个对象。[对象,对象,对象]这里是相关代码(选项卡组件有一个监听选项卡创建的事件)://tabs.tsimport{Component}from'@angular/core';import{Events}from'ionic-angular';import{DatabaseService}from"../../providers/database.service";import{Ite

sapui5 - 在 SplitApp 中使用动画导航到相同的详细信息 View

我正在使用具有主列表3个详情页主列表显示项目列表(这里例如,自行车和汽车列表)这是3个详细信息页面:消息页面:当没有点击主列表时的未找到/欢迎页面。BikeProperties页面:如果单击Bike,它会显示详细信息。CarProperties页面:显示是否单击了汽车。现在,问题是当我点击CarProduct时,会显示一个从欢迎页面导航到汽车页面的动画。但是,如果我再次点击汽车产品,绑定(bind)会更新,但没有动画。同样,如果此时我选择了一辆自行车(在选择了汽车之后),导航会以动画形式进行。总结一下,如果在详细信息页面中再次显示相同的页面,则不会显示动画。加载不同的详细信息页面时显示

javascript - Bootstrap 避免使用导航栏切换按钮关闭移动设备上打开的子菜单

我有一个基于Bootstrap3.3.7的代码我的菜单有不同的菜单项和子菜单,我想在手机上打开所有的子菜单项,意味着不需要点击任何菜单项来显示它的子菜单,所以我写了一个JS代码来打开所有手机上的子菜单:functionopensubmenus(){if($(window).width()但问题是当我点击导航栏切换按钮时,它会关闭所有子菜单,但我需要让它们在移动设备上始终保持打开状态你可以在这个网站上查看我的在线样本:https://dedidata.com我在这里展示了一个截图:https://pasteboard.co/IfSMCIu.jpg我不喜欢完全禁用navbar-toggle

javascript - window.navigator 还是导航器?

我应该使用什么对象来确定浏览器的信息?alert(window.navigator.userAgent);或alert(navigator.userAgent);是否有任何关于决策的跨浏览器兼容性的建议? 最佳答案 或者,这并不重要。navigator是window对象的一个​​属性,但是window对象的所有属性都可以作为全局变量访问。navigator===window.navigator;//->true作为个人喜好,我总是为window对象的显式属性编写window.propertyName。

javascript - Cordova 插件不适用于 ionic

我有一个使用Angular构建的Ionic应用程序。我使用的是Calendar插件:https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin我想通过插件创建事件并将它们保存到本地设备的日历。虽然我已经添加了插件:cordovapluginaddhttps://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin.git然后我尝试在我的Controller中使用它:ionic.Platform.ready(function(){onError);window.plugins.cal

javascript - 如何在 ionic radio 元素上使用 ngModel?

我正在尝试在ionicradio元素上实现ngModel,但不知何故它不起作用。这是我的代码:import{Page}from'ionic-angular';@Page({templateUrl:'build/pages/settings/settings.html'})exportclassSettings{constructor(){this.unit=2;}}UnitMetric(kg)Imperial(lbs)我已经尝试在ion-input和ion-select上实现它并且效果很好。我还尝试将directives:[FORM_DIRECTIVES]添加到我的@Page并添加了相

javascript - 将公历日期转换为 Angular 2 和 Ionic 2 中的波斯语(jalali)日期

我熟悉位于npm中的一个包,用于将公历日期转换为波斯语(jalali),但我不知道我应该如何在ionic2angular2项目中使用它。Jalali-date或Angular1的这个包:ADM-dateTimePicker是否可以将此包转换为angular2?任何的想法?欢迎或教程... 最佳答案 好的,我为此编写了转换器,首先在你的项目中添加一个provider:import{Injectable}from'@angular/core';@Injectable()exportclassPersianCalendarService{

javascript - Ionic3:Base64 To Gallery 插件使应用程序崩溃

我正在尝试将base64字符串保存到库中。当我调用这个插件时,我的代码崩溃了。这是我用来check的链接.我使用的代码letoptions:Base64ToGalleryOptions={prefix:'_img',mediaScanner:true}//afterthebelowlinemygetscloseautomaticallyanyideathis.base64ToGallery.base64ToGallery(base64Image[1],options).then(res=>{debuggerconsole.log('Savedimagetogallery',res)},

javascript - 如何使用 angular-ui-utils 将事件类应用于导航栏?

我是angularJS的初级初学者,我正在使用node/bower/grunt为angularJS中的单页应用程序开发ui,我已经安装了angular-ui-bootstrap以及来自angular-ui的路由和事件实用程序-实用程序。I'veusedng-class={active:$uiRoute}onthemenuitemsbutwhenamenuitemisselectedtheactiveclassisnotapplied...does$uiRoute处理这个还是我需要单独编码?抱歉问了一个愚蠢的问题...这是代码:`HomeAboutOther...`和angular.mo

javascript - React Native,Android 生命周期和导航

我们正在构建一个ReactNative应用程序,它使用redux-persist来存储应用程序状态,包括导航状态。我希望此应用在导航方面表现得像native应用:当原生Android应用程序进入后台,最终被操作系统停止,然后移至前台时,它将在用户之前离开的Activity中恢复。如果同一个应用程序被用户终止(或崩溃),它将在主Activity中打开。对于RN应用程序,这意味着redux-persist应该保留并恢复应用程序的componentWillMount中的导航状态,但前提是应用程序未被用户终止。以下代码有效:componentWillMount(){if(global.isRe